<template>
  <div style="padding: 20px">
    <top-panel class="row-container"/>
    <middle-chart class="row-container"/>
    <rank-list class="row-container"/>
  </div>
</template>
<script>
import TopPanel from './detail/TopPanel.vue';
import MiddleChart from './detail/MiddleChart.vue';
import RankList from './detail/RankList.vue';

export default {
  name: 'c-dashboard',
  components: {
    TopPanel,
    MiddleChart,
    RankList,
  },
};
</script>
<style scoped lang="less">
.row-container {
  margin-bottom: 16px;
}

/deep/ .t-card__body {
  padding-top: 0;
}
</style>
